<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单学习</title>
</head>
<body style="font-size: 30px;">
    <br>
    <br>
    <form action="" style="border:1px red solid; padding: 50px; border-radius: 10px;" >
        <legend style="text-align: center;">登录</legend>

    用户名：<input type="text" placeholder="请输入中文"><br>
    密码：<input type="password" placeholder="请输入密码" ><br>

    爱好：
    <input type="checkbox" name="aihao" value="游泳">游泳
    <input type="checkbox" name="aihao" value="打游戏">打游戏
    <input type="checkbox" name="aihao" value="看电影">看电影
    <input type="checkbox" name="aihao" value="登山" id="">登山
    <input type="checkbox" name="aihao" value="赚钱"id="">赚钱
    <br>性别
    <input type="radio" name="sex" id="" value="男">男
    <input type="radio" name="sex" id="" checked value="女">女
    <input type="radio" name="sex" id="" value="未知">未知
<br>生日：
    <input type="date" name="" id="" >
    <input type="datetime-local" name="" id="" >

    邮箱：<input type="email" name="" id="" placeholder="请用email格式" >
    上传头像：<input type="file" name="" id="" >
    存款：<input type="number" name="" id="" step="10" placeholder="请填写整数">
    <br>
    籍贯：
    <select name="" id="">
        <option value="北京">北京</option>
        <option value="四川">四川</option>
        <option value="河北">河北</option>
        <option value="台湾">台湾</option>
        <option value="河南">河南</option>
        <option value="山东">山东</option>
        <option value="国外">国外</option>
    </select>
    你喜欢的颜色：<input type="color" name="" id="">
    <br>
    个人简介：
    <textarea name="" id="" cols="50" rows="10" placeholder="请输入个人简介"></textarea>
<br>
    <input type="button" value="登录" title="login" >
    <input type="button" value="注册" title="给新用户注册的" >
    <input type="button" value="重置" ><br>
</form>
   

</body>
</html>